<!DOCTYPE html>
<html lang="en">

<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <title>修改昵称</title>
    <link rel="stylesheet" href="../../css/reset.css">
    <style>
        body {
            width: 100%;
            background-color: #fff;
            font-size: 0.18rem;
            padding-top: 0.5rem;
            height: auto;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            font-family: Helvetica;
            color: #333333;
        }

        .head {
            width: 100%;
            height: 0.88rem;
            background-color: #ffffff;
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            align-items: center;
            -webkit-align-items: center;
            border-bottom: 0.01rem solid #e5e5e5;
            box-sizing: border-box;
            padding-right: 0.24rem;
        }

        .head img {
            width: 0.21rem;
            height: 0.36rem;
            margin-left: 0.26rem;
        }

        .head_title {
            font-size: 0.36rem;
            color: #333333;
        }

        #commit {
            font-size: 0.28rem;
            color: orange;
        }

        .userName {
            padding: 0 0.24rem;
            height: 0.92rem;
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            align-items: center;
            -webkit-align-items: center;
            font-size: 0.28rem;
        }

        #user_name {
            flex: 1;
            outline: none;
            border: none;
            display: inline-block;
            height: 0.8rem;
            font-size: 0.28rem;
            text-align: right;
        }

        .blank {
            height: 0.2rem;
            background-color: #f7f7f7;
        }
    </style>
</head>

<body>
    <div class="userName">
        昵称
        <input type="text" id="user_name" placeholder="请输入你的昵称">
    </div>
    <div class="blank"></div>
    <script src="../../script/autosize.js"></script>
    <script src="../../script/fastclick.js"></script>
    <script src="../../script/jquery_three_two_one.js"></script>
    <script src="../../script/app.js"></script>
    <script>
        apiready = function () {
            var app = new APP();
            app.handlePage();
            var username = api.pageParam.username;
            $("#user_name").val(username).focus();
            app.listen("navitembtn", function (ret) {
                var pageValue = api.pageParam;
                if (ret.type == "left") {
                    app.navigationBarClickLeft(pageValue.pageName);
                }
                if (ret.type == "right") {
                    api.sendEvent({
                        name: "uesrName",
                        extra: {
                            uesrName: $("#user_name").val()
                        }
                    });
                    app.closeW(pageValue.pageName);
                }
            })


        };

    </script>
</body>

</html>